.qiandao-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 3.75vw 14.9479vw;

  &-jifen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10.4167vw;
    background-image: url('/assets/icon/jifen.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0vw 2.2917vw;
    color: #ffffff;
    margin-bottom: 1.0417vw;

    &-left {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    &-num {
      font-size: 1.9792vw;
      line-height: 2.3438vw;
      font-weight: bold;
      margin-bottom: 0.4167vw;
    }

    &-des {
      line-height: 1.4583vw;
      font-size: 1.25vw;
    }

    &-btn {
      background: #F2C31E;
      border-radius: 1.25vw;
      padding: 0.3646vw 0.625vw;
      font-size: 1.25vw;
      line-height: 1.4583vw;
    }
  }

  &-calendar {
    height: 23.6458vw;
    background-color: #ffffff;
    border-radius: 0.4167vw;
    padding: 1.7708vw;

    &-time {
      font-weight: bold;
      color: #666666;
      font-size: 1.25vw;
      line-height: 1.4583vw;
      margin-bottom: 1.7708vw;
    }

    &-num {
      color: #3365F8;
    }

    &-content {
      display: flex;
      justify-content: space-between;
    }

    &-week {
      color: #666666;
      font-size: 1.0417vw;
      line-height: 1.1979vw;
    }

    &-dayItem {
      height: 2.5vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      font-size: 1.0417vw;
      line-height: 1.1979vw;
      margin-top: 0.625vw;
    }

    &-text {
      color: #333333;
    }

    &-signText {
      color: #1EBEF2;
    }

    &-dayNum {
      margin-bottom: 0.4167vw;
    }

    &-signIcon {
      width: 1.0417vw;
      height: 1.0417vw;
      margin-top: 0.2083vw;
    }
  }
}